<style>
    .nav-tabs li{
        position: relative;
    }
    .nav-tabs li .num{
        position: absolute;
        right: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: red;
        text-align: center;
        color: #fff;
        font-size: 12px;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <ul class="nav nav-tabs" data-field="type">
            <li class="active">
                <a href="#t-1" data-value='1' data-toggle="tab">本车定损</a>
                <div id="che1">

                </div>

            </li>
            <li class="">
                <a href="#t-2" data-value='2' data-toggle="tab">三者车损</a>
                <div id="che2">

                </div>
            </li>
            <li class="">
                <a href="#t-3" data-value='3' data-toggle="tab">三者财务损失</a>
                <div id="che3">

                </div>
            </li>
            <li class="">
                <a href="#t-4" data-value='4' data-toggle="tab">本车人伤</a>
                <div id="che4">

                </div>
            </li>
            <li class="">
                <a href="#t-5" data-value='5' data-toggle="tab">三者人伤</a>
                <div id="che5">

                </div>
            </li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>

                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<script id="hejia" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch">
        <div style="border-radius:2px;margin-bottom:10px;padding:15px 20px;">
            <input class="operate" type="hidden" data-name="type" value="="/>
            <input class="form-control" type="hidden" name="type" placeholder="类型" value="" id="type_id"/>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">报案单号</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.baoan_id" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.baoan_id" placeholder="报案单号"
                                   value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">报案时间</label>
                        <input type="hidden" class="operate" data-name="baoan.baoan_time" value="RANGE"/>
                        <div>
                            <input type="text" class="form-control datetimerange" placeholder="报案时间"
                                   name="baoan.baoan_time" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">出险时间</label>
                        <input type="hidden" class="operate" data-name="baoan.chuxian_time" value="RANGE"/>
                        <div>
                            <input type="text" class="form-control datetimerange" placeholder="出险时间"
                                   name="baoan.chuxian_time" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">服务单号</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.tong_number" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.tong_number" placeholder="服务单号"
                                   value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">车牌号</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.car_num" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.car_num" placeholder="车牌号" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">车架号</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.car_vin" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.car_vin" placeholder="车架号" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">被服务人</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.learned_name" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.learned_name" placeholder="被服务人"
                                   value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">核统日期</label>
                        <input type="hidden" class="operate" data-name="baoan.yw_hetong_time" value="RANGE"/>
                        <div>
                            <input type="text" class="form-control datetimerange" placeholder="核统日期"
                                   name="baoan.yw_hetong_time" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">服务止期</label>
                        <input type="hidden" class="operate" data-name="baoan.plan_endtime" value="RANGE"/>
                        <div>
                            <input type="text" class="form-control datetimerange" placeholder="服务止期"
                                   name="baoan.plan_endtime" value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">查勘人</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="baoan.chakan_ren" value="like"/>
                        <div>
                            <input class="form-control" type="text" name="baoan.chakan_ren" placeholder="查勘人"
                                   value=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label"></label>
                        <div class="row">
                            <div class="col-sm-8 col-xs-offset-0">
                                <button type="submit" class="btn btn-success" formnovalidate="">提交</button>
                                <button type="reset" class="btn btn-default">重置</button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </form>
</script>